/*
Theme Name: Emma
Author: Jesse
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Business and portfolio Site *Emma*
*/

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--                       Defaults                     --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
*/
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

/*table { border-collapse: collapse; border-spacing: 0; }*/

a { text-decoration: none; color: #00b7f3; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }
.sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #808080; letter-spacing: -1px; line-height: 1em; font-weight: lighter; font-family: 'Kreon', Arial, sans-serif; text-shadow: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.with-sidebar h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

a { text-decoration:none; }

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.relative { position: relative;}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--                    Plugins etc                     --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

#tooltip {
  color: #fff;
  position: absolute;
  z-index: 3000;
  border: 1px solid #000;
  background-color: #222;
  padding: 3px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#tooltip h3, #tooltip div {
  margin: 0;
}


/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--                    Main Layout                    --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

body {
  font: normal 12px arial, tahoma, verdana;
  text-align: center;
  margin: 0 auto;
  color: #000;
  background:url("../img/foot-bg.png") repeat scroll 0 0 transparent;
}
.background {
  width: 100%; height: 100%;
  padding-top: 70px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.wrap {
  width: 940px;
  margin: 0 auto;
  text-align: left;
}
.marginauto-inner {
  width: 940px;
  margin: 0 auto;
  text-align: left;
}
.header {
  width: 100%; height: 229px;
  background: url("../img/banner.gif") no-repeat;
}
.content-top {
  width: 100%;
  padding-top: 10px;
  border-bottom: 1px solid #bfc1c2;
  background: #dbdee1 url("../img/showcase-top.png") repeat-x top;
}
.content {
  width: 940px; height: 100%;
  padding-bottom: 60px;
  padding-top: 25px;
  display: inline-block;
  text-align: left;
}
.with-sidebar {
  width: 590px; height: 100%;
  padding: 22px; padding-left: 0;
  text-align: left;
  display: inline-block;
}
.full-width {
  width: 100%; height: 100%;
  text-align: left;
  float: none;
  color: #444;
}
.top-relative {
  width: 940px;
  height: 100%;
  padding-bottom: 60px;
  margin: 0 auto;
}
.crumbs {
  text-align: left;
  position: absolute;
  bottom: 15px;
  left: 0px;
}
.breadcrumb-text a {
  font-size: 12px; color: #868686;
}
.breadcrumb-text a:hover {
  font-size: 12px; color: #5a5a5a;
}
.breadcrumb-text {
  font-size: 12px; color: #868686;
}
.cat_description {
  width: 940px;
  padding-bottom: 5px;
  margin: 0 auto;
  text-align: left;
  clear: both;
}
.cat_description h2 {
  width: 592px;
  color: #000;
  font-size: 30px;
  font-weight: 300;
  font-family: 'Open Sans';
  margin: 20px 0;
  float: left;
  clear: both;
}
.cat_description font{
  width: 592px;
  color: #7b7b7b;
  font-size: 17px;
  font-weight: 300;
  font-family: 'Open Sans';
  clear: both;
  display: block;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--             Banner(Topbars,Logo)                --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

h1.logo a {
  text-align: center;
}
h1.logo span {
  margin-left: 20px;
  font-size: 13px; font-weight: normal; color: #a5aaae; line-height: 95px; text-shadow: 1px 1px 0px #fff;
}
#darktext {
  color: #a6a6a6; text-shadow: 1px 1px 3px #000;
}
h1.logo {
  padding-top: 48px;
  text-align: center;
}
.logotext {
  font-size: 34px; font-weight: normal; color: #4d545b; line-height: 95px; text-shadow: 1px 1px 0px #fff;
}
.topbars {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  background: url("../img/topdark.png") repeat-x;
}
.topbars span{
  padding: 0;
  margin: 0 auto;
  display: inline-block;
}
ul#dropdown {
  height: 78px;
  margin: 0 auto;
  display: inline-block;
}
.top-boxes {
  width: 940px;
  display: inline-block;
  border-top: 1px solid #d8d8d8;
}
.top-boxes .box {
  width: 300px;
  text-align: center;
  float: left;
}
.top-boxes .box h1{
  font-size: 28px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 300;
  color: #000;
  font-family: 'Open Sans', 'Droid Sans', 'Arial';
}
.top-boxes .box h1 a{
  font-weight: 300;
  color: #000;
  font-family: 'Open Sans', 'Droid Sans', 'Arial';
  text-decoration: none;
}
.top-boxes .box p {
  padding-bottom: 10px;
  font-size: 12px;
  color: #949494;
  line-height: 21px;
}
.top-boxes .box-1 {
  width: 249px;
  padding: 30px;
  display: block;
  border-right: 1px solid #d8d8d8;
  float: left;
}
.top-boxes .box-2 {
  width: 260px;
  padding: 30px;
  display: block;
  float: left;
}
.top-boxes .box-3 {
  width: 249px;
  padding: 30px;
  display: block;
  border-left: 1px solid #d8d8d8;
  float: left;
}
.top-boxes .box:hover {
  background: url("../img/top-boxes.png") no-repeat;
}
.top-boxes .box-1:hover {
  background: url("../img/top-boxes.png") no-repeat top right;
}
.top-boxes .box:hover span, .top-boxes .box:hover h1:hover {

}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--             Showcase & Slider                   --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/


#slider-bg {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-bottom: 15px;
  padding-top: 50px;
  margin-top: -5px;
  margin-bottom: 50px;
  z-index: 3;
  position: relative;
  background: #dbdee1 url("../img/showcase-top.png") repeat-x;
}
#slider {
  width: 100%;
  height: 100%;
  position: relative;
}

#slider .slide {
  width: 940px;
  height: 415px;
}
#slider .slide-large {
  width: 940px;
  height: 348px;
  padding-top: 45px;
}
#slider .slide-info {
  width: 400px;
  display: block;
  float: left;
}
#slider .slide-info a.title {
  width: 400px;
  margin-bottom: 30px;
  text-decoration: none;
  font-weight: 300;
  font-family: 'Open Sans';
  font-size: 36px; line-height: 36px; color: #606368;
  display: inline-block;
}
#slider .slide-info span {
  font-size: 16px; line-height: 24px; color: #8c8f94;
}
#slider .slider-button {
  height: 48px;
  line-height: 11px;
  color: #fff;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
  font-size: 14px;
  text-decoration: none;
  display: block;
  float: left;
}
#slider span.slider-button-left {
  height: 30px;
  padding: 18px 0px 0 19px;
  line-height: 11px;
  color: #fff;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
  font-size: 14px;
  display: block;
  float: left;
  background: url("../img/slider-button.png") no-repeat left;
}
#slider .slider-button:hover span.slider-button-left {
  background: url("../img/slider-button-hover.png") no-repeat left;
}
#slider .slider-button:hover span.slider-button-right {
  background: url("../img/slider-button-hover.png") no-repeat right;
}
#slider span.slider-button-right {
  width: 22px; height: 48px;
  margin-right: 10px;
  display: block;
  float: left;
  background: url("../img/slider-button.png") no-repeat right;
}
.slider-button {
  height: 48px;
  line-height: 11px;
  color: #fff;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
  font-size: 14px;
  text-decoration: none;
  display: block;
  float: left;
}
span.slider-button-left {
  height: 30px;
  padding: 18px 0px 0 19px;
  line-height: 11px;
  color: #fff;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
  font-size: 14px;
  display: block;
  float: left;
  background: url("../img/slider-button.png") no-repeat left;
}
.slider-button:hover span.slider-button-left {
  background: url("../img/slider-button-hover.png") no-repeat left;
}
.slider-button:hover span.slider-button-right {
  background: url("../img/slider-button-hover.png") no-repeat right;
}
span.slider-button-right {
  width: 22px; height: 48px;
  margin-right: 10px;
  display: block;
  float: left;
  background: url("../img/slider-button.png") no-repeat right;
}
.tiny-button {
  height: 48px;
  line-height: 11px;
  color: #fff;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
  font-size: 14px;
  text-decoration: none;
  display: block;
  float: left;
}
span.tiny-button-left {
  height: 23px;
  padding: 11px 0px 0 16px;
  line-height: 11px;
  color: #fff;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
  font-size: 13px;
  display: block;
  float: left;
  background: url("../img/tinybtn.gif") no-repeat left;
}
.tiny-button:hover span.tiny-button-left {
  background: url("../img/tinybtn-hover.gif") no-repeat left;
}
.tiny-button:hover span.tiny-button-right {
  background: url("../img/tinybtn-hover.gif") no-repeat right;
}
span.tiny-button-right {
  width: 16px; height: 34px;
  margin-right: 10px;
  display: block;
  float: left;
  background: url("../img/tinybtn.gif") no-repeat right;
}
#slider img {
  background: url("../img/zoom.png") no-repeat center center;
}
#slider .sliderbox {
  width: 459px;
  height: 404px;
  padding-top: 12px;
  padding-left: 24px;
  margin-right: -10px;
  display: block;
  float: right;
  background: url("../img/slider-box.png") no-repeat;
}
#slider .slidertrans {
  width: 459px;
  height: 404px;
  padding-top: 12px;
  padding-left: 24px;
  margin-right: -10px;
  display: block;
  float: right;
  background: url("../img/transparent-box.png") no-repeat;
}
#slider .sliderlarge {
  width: 925px;
  height: 318px;
  padding-top: 15px;
  padding-left: 15px;
  display: block;
  background: url("../img/slider2.png") no-repeat;
}
div.controls-wrap {
  width: 100%;
  margin: 0 auto;
  float: none;
  clear: both;
  text-align: center;
  display: inline-block;
}
div.control-left {
  height: 23px;
  padding-left: 11px;
  display: inline-block;
  margin: 0 auto;
  background: url("../img/control-left.png") no-repeat left;
}
div.controls {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  padding-right: 11px;
  background: url("../img/control-right.png") no-repeat right;
}
div.controls a {
  width: 30px;
  height: 23px;
  float: left;
  display: block;
  background: url("../img/control.png") no-repeat;
}
div.controls a.activeSlide {
  background: url("../img/control-hover.png") no-repeat;
}


/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--                      Blog       	               --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/


.post {
  width: 592px;
  padding-bottom: 40px;
}
.post p {
  color: #8f8f8f; font-size: 12px; line-height: 20px;
}
.post h2.title{
  font-size: 28px; color: #3f3f3f; margin-bottom: 10px; font-weight: 300; font-family: "Open Sans";
}
.post h2.title a{
  color: #3f3f3f;
  text-decoration: none;
}
.post h2.title a:hover{
  color: #000;
}
.meta {
  width: 100%;
  padding: 10px 0; margin-top: 10px;
  color: #acacac;
  font-size: 11px;
  background: url("../img/meta-bg.gif") repeat-x top;
}
.meta a {
  color: #acacac;
}
.meta a:hover {
  color: #676767;
}
.portfolio-meta {
  padding: 10px 0; margin-top: 10px;
  color: #acacac;
  font-size: 11px;
  background: url("../img/meta-bg.gif") repeat-x top;
}
.portfolio-meta a {
  color: #acacac;
}
.portfolio-meta a:hover {
  color: #676767;
}
.blog-image {
  width: 582px; height: 224px;
  padding: 4px; margin-bottom: 15px;
  display: block;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}



/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--       		  Home Page    	         --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.homepage-block-wrap {
  width: 940px;
  display: inline-block;
}
.box-row {
  clear: both;
  width: 940px;
}
.homepage-block {
  width: 278px;
  padding: 0 25px 25px 25px;
  float: left;
  font-size: 12px; color: #7a7a7a; line-height: 21px;
}
.homepage-block p{
  padding-top: 15px;

}
.homepage-block img.left{
  margin-right: 10px;
}
img.blocksimg {
  margin-top: 15px;
  border: 1px solid #c4c4c4;
  background: url("../img/boxes.png") no-repeat;
}
#block-1, #block-4 {
  width: 279px;
  padding-left: 0; padding-right: 25px;

}
#block-3, #block-6{
  width: 279px;
  padding-left: 25px; padding-right: 0;
  border-right: none;
}
#block-4, #block-5, #block-6{
  padding-top: 25px;
  border-bottom: none;
}
.homepage-block h2 {
  font-weight: 300;
  font-family: 'Open Sans';
  font-size: 28px; color: #3f3f3f;
}
.homepage-block h2 a {
  color: #3f3f3f; text-decoration: none;
}
.homepage-block h4 {
  font-size: 12px; color: #b2b2b2; line-height: 12px; font-family:'Open Sans'; font-weight: normal;
}
.homepage-block ul {
  padding-top: 15px;
}
.homepage-block ul li {
  width: 250px; height: 23px;
  padding: 5px 14px 0 14px; margin-bottom: 3px;
  font-size: 12px; font-weight: normal; color: #87939f;
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
  background: #f8fafb url("../img/block-arrow.gif") no-repeat 250px center;
}
.homepage-block ul li a {
  font-size: 12px; font-weight: normal; color: #90a1b2; text-decoration: none;
}
.homepage-block ul li a:hover {
  font-size: 12px; font-weight: normal; color: #525c66;  text-decoration: underline
}

.quotebox {
  width: 100%;
  height: 60px;
  padding: 25px 0;
  margin-top: 30px;
  text-align: center;
  background: url("../img/quotebox.png") repeat-x;
}
.quotewrap {
  width: 940px;
  margin: 0 auto;
  text-align: left;
}
.quotebox h1{
  color: #343536;
  font-size: 24px;
  line-height: 35px;
  font-weight: normal;
  font-family: 'Open Sans';
}
.quotebox span {
  color: #6c6f73;
  line-height: 24px;
  font-size: 17px;
  font-weight: normal;
  font-family: 'Open Sans';
}
.quotebutton {
  height: 62px;
  display: block;
  text-decoration: none;
  float: right;
}
.quotebutton span.quotebutton-left {
  height: 43px;
  padding: 19px 15px 0 35px;
  font-size: 20px;
  color: #fff;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
  display: block;
  float: left;
  background: url("../img/learnmore.png") no-repeat left;
}
.quotebutton span.quotebutton-right {
  height: 62px;
  padding: 0 0 0 38px;
  display: block;
  float: left;
  background: url("../img/learnmore.png") no-repeat right;
}
.quotebutton:hover span.quotebutton-left {
  background: url("../img/learnmore-hover.png") no-repeat left;
}
.quotebutton:hover span.quotebutton-right {
  background: url("../img/learnmore-hover.png") no-repeat right;
}
.quotebox  .quotewrap .quotebutton {
  text-decoration: none;
}


/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--          		  Portfolio      	               --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.portfolio .meta {
  padding: 10px 0; margin-top: 5px; margin-bottom: 10px;
  border: none;
  display: block;
  clear: both;
  background: url("../img/meta-bg.gif") repeat-x bottom;
}
.portfolio1 {
  width: 100%; height: 100%;
  padding-bottom: 25px; margin-bottom: 25px;
  display: inline-block;
  clear: both;
}
.portfolio1 .title {
  font-weight: 300;
  font-family: "Open Sans";
}
.portfolio1 p {
  padding: 10px 0 0 0;
}
.portfolio1 .portfolio-image {
  width: 582px; height: 341px;
  padding: 4px; margin-bottom: 10px; margin-right: 20px;
  display: block;
  float: left;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.portfolio3wrap {
  height: 100%;
  display: inline-block;
  clear: both;
}
.portfolio3 h2.title {
  font-size: 20px;
  font-weight: 300;
  font-family: "Open Sans";
}
.portfolio3 {
  width: 275px; height: 100%;
  padding-bottom: 25px; margin-bottom: 25px; margin-right: 27px;
  display: inline-block; float: left;
}
.portfolio3 .portfolio-image {
  width: 269px; height: 178px;
  padding: 4px; margin-bottom: 10px;
  display: block;
  float: left;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.portfolio3 p {
  padding: 12px 0;
  text-align: justify;
}
.zoom {
  background: url("../img/zoom.png") no-repeat center center;
}
.readmore {
  width: 111px; height: 39px;
  margin-top: 15px;
  display: block;
  float: left;
  background: url("../img/readmore.gif") no-repeat;
}
.readmore:hover {
  background: url("../img/readmore-hover.gif") no-repeat;
}



/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--           		 Navigation       	         --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.pagination {
  width: 100%;
  height: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.pagination a {
  padding: 5px;
  display: inline-block;
  border: 1px solid #ddd;
  color: #000;
  background: #fff;
}
.pagination a:hover {
  border: 1px solid #bbb;
  background: #fff;
}
.pag-left {
  width: 48%;
  overflow: hidden;
  text-align: left;
  float: left;
}
.pag-right {
  width: 48%;
  overflow: hidden;
  text-align: right;
  float: right;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--            		  Sidebar          	         --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.sidebar-wrap {
  width: 320px; height: 100%;
  margin-right: 1px;
  float: right;
  background: url("../img/sidebar-bg.gif") repeat-y;
}
.sidebar-top {
  width: 276px; height: 100%;
  padding: 20px 17px 17px 27px;
  background: transparent url("../img/sidebar-top.gif") no-repeat top;
}
.sidebar-bottom {
  width: 320px; height: 103px;
  background: transparent  url("../img/sidebar-bottom.gif") no-repeat bottom left;
}
.widget-notification {
  margin-bottom: 10px;
  color: #db8383;
  background-color: #f7e2e2;
  border: 1px solid #ebcaca;
  padding: 5px;
  display: block;
}
.widget {
  padding-bottom: 15px;
}
.widget form {
  padding-top: 15px;
}
.widget form  input#s{
  width: 180px; margin-right: 5px;
}
/* Div, Textwidget */
.widget div {
  color: #717171;
  padding: 15px 0;
  line-height: 19px;
}
/* Lists */
.widget ul {
  padding: 10px 0;
}
.widget ul li{
  padding: 5px;
  text-indent: 14px; color: #717171;
  background: url("../img/widget-item.png") no-repeat left 10px;
}
.widget ul li a{
  color: #717171;
}
.widget ul li a:hover{
  color: #000; text-decoration: underline;
}
.widgettitle {
  padding-bottom: 10px;
  font-size: 20px; color: #2d2d2d;
  background: url("../img/widgettitle.png") repeat-x bottom;
}
.widgettitle p {
  font-size: 13px; color: #a4a4a4;
}
/* Calendar */
#calendar_wrap {
  padding: 15px;
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
  background: #e6e6e6;
}
#wp-calendar * {
  padding: 5px;
}
#wp-calendar a {
  color: #333;
}
/* Tag Cloud */
.widget_tag_cloud a {
  padding: 5px; margin: 7px;
  color: #333;
  background: #e6e6e6;
  display: inline-block;
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.widget_tag_cloud a:hover {
  color: #000; text-decoration: underline;
}
/* Advertisement */
.ad a {
  float: left;
  margin-top: 12px;
  margin-right: 12px;
}
.ad a.odd {
  margin-right: 0;
}


/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--     	  Comments and Gravatar 	         --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

#respond {padding: 0 0 20px 0; clear: both;}
#respond  a {color: #444;}
div.commentbox {width: 552px; padding: 20px; margin-bottom: 10px; clear: both; position: relative; display: inline-block; background: #f0f0f0; border-top: 1px solid #e3e3e3;}
h2.singleheaders {color: #000; line-height: 60px; font-weight: normal; font-size: 25px;}
.comment-meta {height: 32px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9;}
.comment-author {height: 32px; font-size: 17px; padding-left: 25px; float: left; background: url("../img/comments/user.gif") no-repeat left 2px;}
.comment-author a {color: #000;}
.comment-date {height: 32px; padding-top: 2px; padding-left: 20px; color: #636363; font-size: 10px; float: right; background: url("../img/comments/time.gif") no-repeat;}
.gravatar-wrap img {width: 74px; height: 74px; padding: 5px; border: 1px solid #dedede; background: #fff;}
.gravatar-wrap {width: 84px; float: left; margin-right: 20px;}
.comment-reply-link {width: 74px; height: 14px; padding: 4px 5px; color: #7f7f7f; display: block; border: 1px solid #dbdbdb; background: #fff url("../img/comments/reply-icon.gif") no-repeat 65px 3px;}
.prop {width: 1px; height: 110px;}
.comment-text .text {float: left; color: #6e6e6e;}

.depth-2 .commentbox, .depth-4 .commentbox, .depth-5 .commentbox, .depth-6 .commentbox, .depth-7 .commentbox, .depth-8 .commentbox, .depth-9 .commentbox, .depth-10 .commentbox {
  clear: both;
  float: right;
}
.depth-2 .commentbox {width: 465px;}
.depth-3 .commentbox {width: 415px;}
.depth-4 .commentbox {width: 375px;}
.depth-5 .commentbox {width: 335px;}
.depth-6 .commentbox {width: 295px;}
.depth-7 .commentbox {width: 255px;}
.depth-8 .commentbox {width: 215px;}


.comment-text {
  width: 430px;
  float: left;
}

.depth-2 .comment-text {width: 360px;}
.depth-3 .comment-text {width: 310px;}
.depth-4 .comment-text {width: 270px;}
.depth-5 .comment-text {width: 230px;}
.depth-6 .comment-text {width: 190px;}
.depth-7 .comment-text {width: 150px;}
.depth-8 .comment-text {width: 115px;}



/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--         	  Trackbacks         	  	         --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.trackbacklist {width: 665px; padding: 20px; border: 1px solid #d6d6d6; background: #f5f5f5 url("../img/comments/comment.gif") repeat-x top;}
.trackbacklist li {line-height: 24px;}
.trackbacklist li a {color: #34738d; font-size: 14px;}
.trackbacklist li a:hover {color: #454545; text-decoration: underline;}
.trackback-number {font-weight: bold; margin-right: 10px; color: #454545;}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--       	    Comment Form                  --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/


.cancel-reply {padding-left: 25px; color: #cc906d; font-family: arial; font-size: 13px; background: url("../img/comments/cancel.gif") no-repeat;}
.req {color: #777; line-height: 20px;}
.req strong {color: #ba5353;}
.divform {padding: 4px 0;}
.divform label span {color: #ba5353;}
.divform label.name, .divform label.email, .divform label.url {width: 60px; height: 26px; padding-top: 13px; padding-left: 40px; color: #5b5b5b; display: block; float: left;}
.divform label.name {background: #f8f8f8 url("../img/comments/name.gif") no-repeat 12px 12px; border: 1px solid #dedede; border-right: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-right-radius: 0px; -moz-border-radius-topRight: 0px; -webkit-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomRight: 0px; -webkit-border-bottom-right-radius: 0px;}
.divform label.email {background: #f8f8f8 url("../img/comments/email.gif") no-repeat 12px 12px; border: 1px solid #dedede; border-right: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-right-radius: 0px; -moz-border-radius-topRight: 0px; -webkit-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomRight: 0px; -webkit-border-bottom-right-radius: 0px;}
.divform label.url {background: #f8f8f8 url("../img/comments/website.gif") no-repeat 12px 12px; border: 1px solid #dedede; border-right: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-right-radius: 0px; -moz-border-radius-topRight: 0px; -webkit-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomRight: 0px; -webkit-border-bottom-right-radius: 0px;}
.divform input {width: 191px; height: 19px; padding: 10px; margin: 0; color: #454545; display: block; background: #fff; border: 1px solid #dedede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-left-radius: 0px; -moz-border-radius-topLeft: 0px; -webkit-border-top-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomLeft: 0px; -webkit-border-bottom-left-radius: 0px;}
.textarea {padding: 5px 0;}
.textarea textarea {padding: 15px; color: #333; font-family: arial; border: 1px solid #dedede; background: #f8f8f8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.submit-button #submit {cursor:pointer; width: 105px; height: 38px; border: none; display: block; background: url("../img/comments/submit.gif") no-repeat;}


/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--        		     Elements     	         --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

/* Resets */
/*
.entry-content div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}*/

.entry-content:focus {outline: 0;}

.entry-content ins {text-decoration: none;}
.entry-content del {text-decoration: line-through;}
/*.entry-content table {border-collapse: collapse; border-spacing: 0;}*/

/* Align */
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:13px; }
img.alignright { display:inline; float:right; margin-left:13px; }

/* Headers */
.entry-content p {margin-bottom: 20px;}
.entry-content a { color:#333; }
.entry-content h1 {font-size: 24px;	color: #000; font-family: "Open Sans"; font-weight: 300;	margin: 10px 0 10px 0;}
.entry-content h2 {font-size: 22px;	color: #222; font-family: "Open Sans"; font-weight: 300;	margin: 10px 0 10px 0;}
.entry-content h3 {font-size: 20px;	color: #333; font-family: "Open Sans"; font-weight: 300;	margin: 10px 0 10px 0;}
.entry-content h4 {font-size: 19px; color: #444; font-family: "Open Sans"; font-weight: 300;	margin: 10px 0 10px 0;}
.entry-content h5 {font-size: 17px; color: #555; font-family: "Open Sans"; font-weight: 300;	margin: 10px 0 10px 0;}
.entry-content h6 {font-size: 16px; color: #666; margin: 0 0 10px 0;}

/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {list-style:disc; list-style-position:inside; padding-left: 10px; color: #61696f; line-height: 20px;}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside;}
.entry-content ol li li {margin-left:5px;}

/* Captions */

.gallery-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }

.bypostauthor { background-color: #f3f3f3; padding: 4px; }

.entry-content blockquote {
  width: 450px;
  margin: 15px auto;
  background-color: #f8f8f8;
  padding: 15px;
  font-style: italic;
}

/* ------- Fluid Columns ------- */
.entry-content .one_half{ width:48%; }
.entry-content .one_third{ width:30.66%; }
.entry-content .two_third{ width:65.33%; }
.entry-content .one_fourth{ width:22%; }
.entry-content .three_fourth{ width:74%; }
.entry-content .one_fifth{ width:16.8%; }
.entry-content .two_fifth{ width:37.6%; }
.entry-content .three_fifth{ width:58.4%; }
.entry-content .four_fifth{ width:67.2%; }
.entry-content .one_sixth{ width:13.33%; }
.entry-content .five_sixth{ width:82.67%; }
.entry-content .one_half, .entry-content .one_third,.entry-content .two_third,.entry-content .three_fourth,.entry-content .one_fourth,.entry-content .one_fifth,.entry-content .two_fifth,.entry-content .three_fifth,.entry-content .four_fifth,.entry-content .one_sixth,.entry-content .five_sixth{ position:relative; margin-right:4%; float:left; }
.entry-content .last{ margin-right:0 !important; clear:right; }
.entry-content .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

.entry-content .dropcap{
  margin:0 8px -5px 0;
  display:block;
  float:left;
  font-size:39px; line-height:39px; 
}
.entry-content .divider{clear:both; display:block; margin-bottom:35px; padding-top:20px; width:100%; border-bottom:1px solid #e5e5e5; text-align:right; position:relative;}
.entry-content .divider a{font-size:8px; height:20px; position:absolute; right:0; top:15px; width:20px; color:#d3d3d3; background:#fff;}
.entry-content .divider a:hover{color: #909090;}
.pullquote_left {letter-spacing:0.04em; font-size:15px; float:left; margin:3% 4% 3% 0; line-height:24px; padding-left:5px; width:30%; border-left: 3px solid #ddd;}
.pullquote_right {letter-spacing:0.04em; font-size:15px; float:right; margin:3% 0 3% 4%; line-height:24px; padding-right:5px; width:30%; border-right: 3px solid #ddd;}

.entry-content pre {
  padding: 13px 8px;
  margin: 5px 0;
  background-color: #f1f2f3;
  border: 1px solid #e2e2e2;
  color: #8e8e8e;
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.entry-content .frame {
  padding: 4px; padding-bottom: 0;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}



/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--      		      Full Width  	               --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/


/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--      	 	        Footer        	      	    -*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.footer-social {
  width: 100%;
  height: 41px;
  margin-top: 50px;
  padding-top: 14px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background: #fff;
}
.latest-tweet {
  height: 24px;
  padding-left: 37px; padding-top: 8px;
  color: #737373; font-size: 11px; letter-spacing: -0.02em; font-family: arial;
  float: left;
  background: url("../img/tweet.gif") no-repeat left;
}
.latest-tweet a.twitter-name {
  color: #18b8dc;
}
.latest-tweet a {
  color: #959595;
}
.latest-tweet a:hover {
  color: #bdbdbd;
}
#rss {
  width: 16px; height: 16px;
  display: block;
  float: right;
  margin-top: 6px;
  margin-left: 6px;
  background: url("../img/rss.gif") no-repeat;
}
#facebook {
  width: 16px; height: 16px;
  display: block;
  float: right;
  margin-top: 6px;
  margin-left: 6px;
  background: url("../img/facebook.gif") no-repeat;
}
#twitter {
  width: 16px; height: 16px;
  margin-top: 6px;
  display: block;
  float: right;
  background: url("../img/twitter.gif") no-repeat;
}

.footer {
  width: 100%;
  padding: 25px 0 0 0;
  margin-top: 50px;
  display: inline-block;
  border-top: 1px solid #dfdfdf;
  background: #f8f8f8;
  margin-bottom: -3px;
}
.footer-bottom {
  width: 940px; height:35px;
  padding: 0; padding-top: 15px; margin: 0 auto;
  color: #808080;
  font-size: 11px;
  background-color: #f8f8f8;
}
.footer-dark {
  background: #4d4d4d;
}
.footer-bottom-dark {
  color: #868686;
  border-top: 1px solid #595959;
  background-color: #383838;
}

/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/
/*--      	          Footer Widgets                  --*/
/*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/

.widget-footer {
  width: 220px;
  padding: 0;
  margin-right: 20px;
  float: left;
}
.widget1 {
  padding-left: 0;
}
.widget4 {
  margin-right: 0;
}
h3.footertitle {
  font-size: 20px; color: #373737;
  padding-bottom: 5px;
}
/* Text Widget */
.widget-footer div{
  font-size: 12px; color: #9a9a9a; line-height: 21px;
}
/* Lists */
.widget-footer ul {
  padding-top: 10px;
}
.widget-footer ul li {
  margin-bottom: 3px;
  line-height: 20px;
  font-size: 12px; color: #9a9a9a;
}
.widget-footer ul li a {
  font-size: 12px; color: #9a9a9a; text-decoration: none;
}
.widget-footer ul li a:hover {
  font-size: 12px; color: #838383;  text-decoration: underline
}
.widget-footer ul li ul {
  padding-top: 0;
}
.widget-footer ul li ul li {
  width: 100%;
  padding: 0;
  text-indent: 15px;
  background: transparent;
}
.footer-dark .widget-footer ul li {
  color: #c3c3c3;
  background: #5f5f5f url("../img/footer-link-dark.gif") no-repeat 225px center;
}
.footer-dark  .widget-footer ul li a {
  color: #c3c3c3;
}
.footer-dark  .widget-footer ul li a:hover {
  color: #fff;
}
.footer-dark h3.footertitle {
  color: #ddd;
}
/* Calendar */
.widget-footer#calendar_wrap {
  background: #e6e6e6;
}
.widget-footer#wp-calendar a {
  color: #fff;
}
/* Tag Cloud */
.widget-footer .widget_tag_cloud a {
  color: #444;
  background: #e6e6e6;
}
/* Advertisement */
.footer .ad a {
  float: left;
  margin-right: 0px;
  padding: 0;
}
.footer .ad a img {
  float: left;
  margin: 0; margin-right: 0px;
  padding: 0;
}

